<%-- 
    Document   : index
    Created on : 19/09/2012, 16:21:12
    Author     : jonas
--%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <link rel="stylesheet" href="WebContent/css/jquery-ui-1.8.23.custom.css" type="text/css"/>
        <script src="WebContent/js/jquery-1.8.0.min.js" type="text/javascript"></script>
        <script src="WebContent/js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            
        </script>
        <link rel="stylesheet" href="WebContent/css/style.css" type="text/css"/>
        <title>Sistema de Pessoal</title>
    </head>
    <body>
        <div id="package" class="font">
            <div class="div_celula" style="color: #E6631E; text-align: center;">
                <img src="WebContent/images/logo.png"/>
            </div>
            <div class="div_celula" style="background-color: #C72443">
                <h1>Sistema de Pessoal</h1>
            </div>
            <div class="div_celula" style="background-color: #2775EC">
                V. 1.0.45
            </div>
            <div class="div_celula" style="background-color: #66C110">
                <h1>Login do Sistema</h1>
            </div>
            <div class="div_celula" style="color: black; text-align: left;">
                <form action="colaborador/logar" method="post">
                <table cellspacing="5" cellpadding="5" align="center">
                    <tr>
                        <td>Login:<br/><input type="text" name="colaborador.login"/></td>
                        <td>Senha:<br/><input type="password" name="colaborador.senha"/></td>
                    </tr>
                </table>
                <input type="submit" value="logon"/>
                </form>
                <br/>
                <c:if test="${!empty message}">
                    <div class="ui-widget">
                        <div style="padding: 0.7em;" class="ui-state-error ui-corner-all">
                                <p><span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-alert"></span>
                                <strong>Alerta:</strong> ${message}</p>
                        </div>
                    </div>
                </c:if>
            </div>
        </div>
    </body>    
</html>
